.h_first {
  width: 1200px;
  margin: 0 auto;
  height: 85px;
}
.f_right {
  float: right;
}
.f_left {
  margin-top: 20px;
}
.f_left span {
  display: block;
  font-size: 12px;
  color: #333;
  margin-top: 22px;
  line-height: 25px;
  margin-left: 12px;
}
.f_left img,
.f_left span {
  float: left;
}
.f_left em {
  color: #3ebee6;
  font-style: normal;
}
.f_right {
  margin-top: 21px;
}
.f_right .soso {
  display: inline-block;
  width: 70px;
  margin: 0 21px;
  color: #000;
  text-align: center;
  line-height: 37px;
}
.f_right img {
  display: inline-block;
  margin-left: 97px;
  position: relative;
  top: 5px;
}
.f_right .lo {
  color: #333;
  margin: 0 8px;
}
.h_third {
  width: 1200px;
  margin: 0 auto;
}
.h_third ul {
  padding-top: 16px;
  padding-bottom: 34px;
}
.h_third li a span {
  display: block;
  color: #666666;
  font-size: 14px;
  margin-top: 20px;
  line-height: 22px;
  margin-right: 37px;
}
.h_third li a img,
.h_third li a span {
  float: left;
}
.f_right .soso:hover {
  color: red;
  border-bottom: 1px solid red;
  transition: all 0.3s ease-in;
}
/*头部样式*/
.h_first .f_right .nav.nav-pills a {
  font-size: 16px;
  color: #000000;
}
.h_first .f_right .active:hover > a {
  background: #ffffff;
  color: #007fff!important;
}
.h_first .f_right .actives > a {
  background: #ffffff!important;
  color: #007fff!important;
}
.h_first .f_right .active > a {
  background: #ffffff;
  color: #007fff!important;
}
.h_first .f_right .dropdown-menu > li > a {
  font-size: 14px!important;
}
.h_first .f_right .use {
  min-width: 290px;
  /* Reset system css */
  /* HTML5 display-role reset for older browsers */
  /* from reset */
  /* aLink reset */
  text-align: right;
}
.h_first .f_right .use div,
.h_first .f_right .use span,
.h_first .f_right .use applet,
.h_first .f_right .use object,
.h_first .f_right .use iframe,
.h_first .f_right .use h1,
.h_first .f_right .use h2,
.h_first .f_right .use h3,
.h_first .f_right .use h4,
.h_first .f_right .use h5,
.h_first .f_right .use h6,
.h_first .f_right .use p,
.h_first .f_right .use blockquote,
.h_first .f_right .use pre,
.h_first .f_right .use a,
.h_first .f_right .use abbr,
.h_first .f_right .use acronym,
.h_first .f_right .use address,
.h_first .f_right .use big,
.h_first .f_right .use cite,
.h_first .f_right .use code,
.h_first .f_right .use del,
.h_first .f_right .use dfn,
.h_first .f_right .use em,
.h_first .f_right .use img,
.h_first .f_right .use ins,
.h_first .f_right .use kbd,
.h_first .f_right .use q,
.h_first .f_right .use s,
.h_first .f_right .use samp,
.h_first .f_right .use small,
.h_first .f_right .use strike,
.h_first .f_right .use strong,
.h_first .f_right .use sub,
.h_first .f_right .use sup,
.h_first .f_right .use tt,
.h_first .f_right .use var,
.h_first .f_right .use b,
.h_first .f_right .use u,
.h_first .f_right .use i,
.h_first .f_right .use center,
.h_first .f_right .use dl,
.h_first .f_right .use dt,
.h_first .f_right .use dd,
.h_first .f_right .use ol,
.h_first .f_right .use ul,
.h_first .f_right .use li,
.h_first .f_right .use fieldset,
.h_first .f_right .use form,
.h_first .f_right .use label,
.h_first .f_right .use legend,
.h_first .f_right .use table,
.h_first .f_right .use caption,
.h_first .f_right .use tbody,
.h_first .f_right .use tfoot,
.h_first .f_right .use thead,
.h_first .f_right .use tr,
.h_first .f_right .use th,
.h_first .f_right .use td,
.h_first .f_right .use article,
.h_first .f_right .use aside,
.h_first .f_right .use canvas,
.h_first .f_right .use details,
.h_first .f_right .use embed,
.h_first .f_right .use figure,
.h_first .f_right .use figcaption,
.h_first .f_right .use footer,
.h_first .f_right .use header,
.h_first .f_right .use hgroup,
.h_first .f_right .use menu,
.h_first .f_right .use nav,
.h_first .f_right .use output,
.h_first .f_right .use ruby,
.h_first .f_right .use section,
.h_first .f_right .use summary,
.h_first .f_right .use time,
.h_first .f_right .use mark,
.h_first .f_right .use audio,
.h_first .f_right .use video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.h_first .f_right .use article,
.h_first .f_right .use aside,
.h_first .f_right .use details,
.h_first .f_right .use figcaption,
.h_first .f_right .use figure,
.h_first .f_right .use footer,
.h_first .f_right .use header,
.h_first .f_right .use hgroup,
.h_first .f_right .use menu,
.h_first .f_right .use nav,
.h_first .f_right .use section {
  display: block;
}
.h_first .f_right .use ol,
.h_first .f_right .use ul {
  list-style: none;
}
.h_first .f_right .use blockquote,
.h_first .f_right .use q {
  quotes: none;
}
.h_first .f_right .use blockquote:before,
.h_first .f_right .use blockquote:after,
.h_first .f_right .use q:before,
.h_first .f_right .use q:after {
  content: '';
  content: none;
}
.h_first .f_right .use table {
  border-collapse: collapse;
  border-spacing: 0;
}
.h_first .f_right .use input::-moz-focus-inner {
  border: none;
  padding: 0;
}
.h_first .f_right .use input::-ms-clear {
  display: none;
}
.h_first .f_right .use input,
.h_first .f_right .use select,
.h_first .f_right .use label,
.h_first .f_right .use button {
  padding: 0;
  margin: 0;
  vertical-align: middle;
  border: none;
  background: none;
  font-size: 12px;
  font-family: 'Microsoft Yahei';
}
.h_first .f_right .use input[type="text"],
.h_first .f_right .use input[type="password"],
.h_first .f_right .use textarea {
  outline-style: none;
  -webkit-appearance: none;
}
.h_first .f_right .use textarea {
  resize: none;
}
.h_first .f_right .use input:focus,
.h_first .f_right .use button:focus,
.h_first .f_right .use textarea:focus,
.h_first .f_right .use select:focus {
  outline: none;
}
.h_first .f_right .use a:link,
.h_first .f_right .use a:visited {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  color: #333;
}
.h_first .f_right .use a:hover,
.h_first .f_right .use a:active {
  text-decoration: none;
  -webkit-transition: color 0.1s linear, background-color 0.1s linear;
  -moz-transition: color 0.1s linear, background-color 0.1s linear;
  -o-transition: color 0.1s linear, background-color 0.1s linear;
  -ms-transition: color 0.1s linear, background-color 0.1s linear;
  transition: color 0.1s linear, background-color 0.1s linear;
  cursor: pointer;
}
.h_first .f_right .use .touxiang {
  width: 35px;
  height: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  -o-border-radius: 35px;
  border-radius: 35px;
}
.h_first .f_right .use > img {
  cursor: pointer;
  width: 35px;
  height: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  -o-border-radius: 35px;
  border-radius: 35px;
}
.h_first .f_right .use .mes {
  padding-top: 40px;
  position: absolute;
  width: 290px;
  z-index: 10;
  top: 5px;
}
.h_first .f_right .use .mes .mess {
  background: #ffffff;
  text-align: left;
  -webkit-box-shadow: 0 0 6px rgba(15, 14, 14, 0.26);
  -moz-box-shadow: 0 0 6px rgba(15, 14, 14, 0.26);
  -ms-box-shadow: 0 0 6px rgba(15, 14, 14, 0.26);
  -o-box-shadow: 0 0 6px rgba(15, 14, 14, 0.26);
  box-shadow: 0 0 6px rgba(15, 14, 14, 0.26);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.h_first .f_right .use .cd1 {
  width: 100%;
  height: 85px;
  background: url('/dist/images/iocBack.png') center center;
}
.h_first .f_right .use .cd1 ul {
  *zoom: 1;
}
.h_first .f_right .use .cd1 ul:before,
.h_first .f_right .use .cd1 ul:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.h_first .f_right .use .cd1 ul:after {
  clear: both;
}
.h_first .f_right .use .cd1 li {
  float: left;
}
.h_first .f_right .use .cd1 li:nth-of-type(1) {
  width: 60px;
  text-align: center;
  line-height: 85px;
}
.h_first .f_right .use .cd1 li:nth-of-type(2) {
  margin-top: 16px;
  color: #fefefe;
}
.h_first .f_right .use .cd1 li:nth-of-type(2) p:nth-of-type(1) {
  font-size: 14px;
}
.h_first .f_right .use .cd1 li:nth-of-type(2) p:nth-of-type(2) {
  font-size: 12px;
}
.h_first .f_right .use .cd1 li:nth-of-type(3) {
  float: right;
  text-align: right;
  margin-top: 16px;
  margin-right: 14px;
}
.h_first .f_right .use .cd1 li:nth-of-type(3) span {
  width: 68px;
  color: #fefefe;
  height: 18px;
  line-height: 18px;
  text-indent: 8px;
  text-align: center;
  font-size: 12px;
  display: inline-block;
  background: url('/dist/images/vip.png') center center;
}
.h_first .f_right .use .cd1 li:nth-of-type(3) p a {
  display: inline-block;
  margin-top: 30px;
  font-size: 12px;
}
.h_first .f_right .use .cd2 {
  padding: 0 11px;
  border-bottom: 1px solid #E4E8F1;
  padding-bottom: 8px;
}
.h_first .f_right .use .cd2 a {
  font-size: 12px;
  font-weight: 500;
}
.h_first .f_right .use .cd2 div {
  display: inline-block;
  text-align: center;
}
.h_first .f_right .use .cd2 div p {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #E4E8F1;
  margin: 10px 12px;
}
.h_first .f_right .use .cd3 {
  text-align: right;
  line-height: 30px;
  padding-right: 15px;
}
.h_first .f_right .use .cd3 a {
  font-size: 12px;
  font-weight: 500;
}
html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background-image: url(../images/vipBack.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
}
.message {
  position: fixed;
  bottom: 50px;
  right: 5px;
  font-size: 12px;
  padding: 8px 15px;
  -webkit-box-shadow: 0 0 6px rgba(33, 120, 251, 0.6);
  -moz-box-shadow: 0 0 6px rgba(33, 120, 251, 0.6);
  -ms-box-shadow: 0 0 6px rgba(33, 120, 251, 0.6);
  -o-box-shadow: 0 0 6px rgba(33, 120, 251, 0.6);
  box-shadow: 0 0 6px rgba(33, 120, 251, 0.6);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.count {
  width: 100%;
  border-top: 1px solid #F8F8F8;
  padding-bottom: 100px;
}
.detal {
  width: 1200px;
  margin: 0 auto;
}
.f_left {
  margin-top: 0px;
}
.h_first {
  padding-top: 10px;
  background: #FFFFFF;
  height: 95px;
}
/**大提示必备样式*/
.pBalert {
  width: 1200px;
  margin: 0 auto;
  position: fixed;
  left: 50%;
  margin-left: -600px;
  top: 10px;
  z-index: 10;
}
.pBalert strong {
  font-weight: 700;
}
.detal {
  /* Reset system css */
  /* HTML5 display-role reset for older browsers */
  /* from reset */
  /* aLink reset */
  width: 730px;
  margin: 0 auto!important;
}
.detal div,
.detal span,
.detal applet,
.detal object,
.detal iframe,
.detal h1,
.detal h2,
.detal h3,
.detal h4,
.detal h5,
.detal h6,
.detal p,
.detal blockquote,
.detal pre,
.detal a,
.detal abbr,
.detal acronym,
.detal address,
.detal big,
.detal cite,
.detal code,
.detal del,
.detal dfn,
.detal em,
.detal img,
.detal ins,
.detal kbd,
.detal q,
.detal s,
.detal samp,
.detal small,
.detal strike,
.detal strong,
.detal sub,
.detal sup,
.detal tt,
.detal var,
.detal b,
.detal u,
.detal i,
.detal center,
.detal dl,
.detal dt,
.detal dd,
.detal ol,
.detal ul,
.detal li,
.detal fieldset,
.detal form,
.detal label,
.detal legend,
.detal table,
.detal caption,
.detal tbody,
.detal tfoot,
.detal thead,
.detal tr,
.detal th,
.detal td,
.detal article,
.detal aside,
.detal canvas,
.detal details,
.detal embed,
.detal figure,
.detal figcaption,
.detal footer,
.detal header,
.detal hgroup,
.detal menu,
.detal nav,
.detal output,
.detal ruby,
.detal section,
.detal summary,
.detal time,
.detal mark,
.detal audio,
.detal video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.detal article,
.detal aside,
.detal details,
.detal figcaption,
.detal figure,
.detal footer,
.detal header,
.detal hgroup,
.detal menu,
.detal nav,
.detal section {
  display: block;
}
.detal ol,
.detal ul {
  list-style: none;
}
.detal blockquote,
.detal q {
  quotes: none;
}
.detal blockquote:before,
.detal blockquote:after,
.detal q:before,
.detal q:after {
  content: '';
  content: none;
}
.detal table {
  border-collapse: collapse;
  border-spacing: 0;
}
.detal input::-moz-focus-inner {
  border: none;
  padding: 0;
}
.detal input::-ms-clear {
  display: none;
}
.detal input,
.detal select,
.detal label,
.detal button {
  padding: 0;
  margin: 0;
  vertical-align: middle;
  border: none;
  background: none;
  font-size: 12px;
  font-family: 'Microsoft Yahei';
}
.detal input[type="text"],
.detal input[type="password"],
.detal textarea {
  outline-style: none;
  -webkit-appearance: none;
}
.detal textarea {
  resize: none;
}
.detal input:focus,
.detal button:focus,
.detal textarea:focus,
.detal select:focus {
  outline: none;
}
.detal a:link,
.detal a:visited {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  color: #333;
}
.detal a:hover,
.detal a:active {
  text-decoration: none;
  -webkit-transition: color 0.1s linear, background-color 0.1s linear;
  -moz-transition: color 0.1s linear, background-color 0.1s linear;
  -o-transition: color 0.1s linear, background-color 0.1s linear;
  -ms-transition: color 0.1s linear, background-color 0.1s linear;
  transition: color 0.1s linear, background-color 0.1s linear;
  cursor: pointer;
}
.detal h2 {
  color: #07aefc;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
.detal h3 {
  margin-bottom: 20px;
  color: #07aefc;
  font-size: 14px;
  text-align: center;
}
.detal .left,
.detal .right {
  width: 322px;
  height: 660px ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  float: left;
  -webkit-box-shadow: 0 0 6px rgba(0, 127, 255, 0.26);
  -moz-box-shadow: 0 0 6px rgba(0, 127, 255, 0.26);
  -ms-box-shadow: 0 0 6px rgba(0, 127, 255, 0.26);
  -o-box-shadow: 0 0 6px rgba(0, 127, 255, 0.26);
  box-shadow: 0 0 6px rgba(0, 127, 255, 0.26);
  background: #FFFFFF;
}
.detal .left h4,
.detal .right h4 {
  height: 85px;
  overflow: hidden;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 85px;
  text-align: center;
}
.detal .left .price,
.detal .right .price {
  color: #ff9805;
  font-size: 36px;
  margin-top: 32px;
  text-align: center;
}
.detal .left .price span,
.detal .right .price span {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}
.detal .left .dateing,
.detal .right .dateing {
  text-align: center;
  margin-bottom: 30px;
}
.detal .left .pays,
.detal .right .pays {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  width: 243px;
  height: 49px;
  background-repeat: no-repeat;
  background-size: 243px 49px;
  -moz-background-size: 243px 49px;
  margin: 0 auto;
  overflow: hidden;
}
.detal .left .introduce,
.detal .right .introduce {
  padding-left: 20px;
}
.detal .left .introduce p,
.detal .right .introduce p {
  color: rgba(0, 0, 0, 0.7);
  margin: 40px 0 20px 0;
}
.detal .left .introduce ul span:before,
.detal .right .introduce ul span:before {
  content: " ";
  display: inline-block;
  width: 16px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  font-weight: bold;
  margin-right: 15px;
}
.detal .left .introduce li,
.detal .right .introduce li {
  padding-bottom: 20px;
}
.detal .left {
  margin-right: 80px;
}
.detal .left h4 {
  background: url('../images/vip1.png');
}
.detal .left .pays {
  background: url('../images/vip1_1.png') center center no-repeat;
}
.detal .left .pays a {
  display: block;
  width: 243px;
  height: 49px;
  line-height: 49px;
  text-align: center;
  color: #e7e3e3;
}
.detal .left .introduce ul span:before {
  background: url('../images/gou1.png') center center no-repeat;
}
.detal .right h4 {
  background: url('../images/vip2.png');
}
.detal .right .pays {
  background: url('../images/vip2_2.png') center center no-repeat;
}
.detal .right .pays a {
  display: block;
  width: 243px;
  height: 49px;
  line-height: 49px;
  text-align: center;
  color: #e7e3e3;
}
.detal .right .introduce ul span:before {
  background: url('../images/gou2.png') center center no-repeat;
}
@media screen and (max-width: 1500px) {
  .detal .left h4,
  .detal .right h4 {
    height: 65px;
    line-height: 65px;
  }
  .detal .left .price,
  .detal .right .price,
  .detal .left .dateing,
  .detal .right .dateing {
    margin-top: 15px;
  }
  .detal .left .introduce li,
  .detal .right .introduce li {
    padding-bottom: 15px;
  }
  .detal .left,
  .detal .right {
    height: 520px;
  }
}
